<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>支持手机浏览的倒计时插件</title>
    <style>
        .end_times{background-color: #FFF;padding:2rem 0 0}
        #note{color: #ed145b; font-size: 1.5rem; letter-spacing: 0.1rem; text-align: center;position: relative;}
    </style>
    <link rel="stylesheet" type="text/css" href="assets/countdown/jquery.countdown.mobile.css" />

<div class='end_times'>
    <div id="countdown"></div>
    <p id="note"></p>
</div>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="assets/countdown/jquery.countdown.js"></script>
<script type="text/javascript">
    $(function() {
        var note = $('#note');
        var ts = (new Date("2016-02-08")).getTime();
        $('#countdown').countdown({
            timestamp: ts,
            callback: function(days, hours, minutes, seconds) {

                var message = "距离2016新年还有";

                message += days + "天" + (days == 1 ? '' : '') + "";
                message += hours + "小时" + (hours == 1 ? '' : '') + "";
                message += minutes + "分" + (minutes == 1 ? '' : '') + "";
                message += seconds + "秒" + (seconds == 1 ? '' : '') + "";
                message += "...";
                note.html(message);
            }
        });
    });
</script>

<!-- 以下是统计及其他信息，与演示无关，不必理会 -->

<p class="vad">
    <a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a>
    <a href="http://www.sucaihuo.com/js/518.html" target="_blank">说 明</a>
    <a href="http://www.sucaihuo.com/js/518.html" target="_blank">下 载</a>
</p>
<style type="text/css">
    .vad { margin: 250px 0 5px; font-family: Consolas,arial,宋体,sans-serif; text-align:center;}
    .vad a { display: inline-block; height: 36px; line-height: 36px; margin: 0 5px; padding: 0 50px; font-size: 14px; text-align:center; color:#eee; text-decoration: none; background-color: #222;}
    .vad a:hover { color: #fff; background-color: #000;}
    .thead { width: 728px; height: 90px; margin: 0 auto; border-bottom: 40px solid #fff;}
</style>
<div style="width:728px;margin:0 auto">
    <script type="text/javascript">
        /*700*90 创建于 2015-06-27*/
        var cpro_id = "u2176575";
    </script>
    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
</div>